<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/normal.xhtml"
    xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
		<rich:panel>
			<f:facet name="header">Búsqueda de humedales</f:facet>
			<h:panelGrid columns="1" id="mensaje">
					<h:messages id="mensajes" />
				</h:panelGrid>
			<h:panelGrid columns="9">

				<h:outputText value="Nombre" styleClass="th100"></h:outputText>
				<h:inputText value="#{consultaHumedal.nombre}" styleClass="td100"></h:inputText>

				<rich:spacer width="150px;"></rich:spacer>

				<h:outputText value="Código referencia" styleClass="th120"></h:outputText>
				<h:inputText value="#{consultaHumedal.codigo}"></h:inputText>

			</h:panelGrid>

			<h:panelGrid columns="6">

					<h:outputText value="Coordenadas:" styleClass="th100"></h:outputText>

					<h:outputText value="X inicio" styleClass="th50"></h:outputText>
					<h:inputText value="#{consultaHumedal.xinicio}" styleClass="td100"></h:inputText>
					<rich:spacer width="10px;"></rich:spacer>
					<h:outputText value="X fin" styleClass="th50"></h:outputText>
					<h:inputText value="#{consultaHumedal.xfin}" styleClass="td100"></h:inputText>

					<rich:spacer width="100px;"></rich:spacer>
					<h:outputText value="Y inicio" styleClass="th50"></h:outputText>
					<h:inputText value="#{consultaHumedal.yinicio}" styleClass="td100"></h:inputText>
					<rich:spacer width="10px;"></rich:spacer>
					<h:outputText value="Y inicio" styleClass="th50"></h:outputText>
					<h:inputText value="#{consultaHumedal.yfin}" styleClass="td100"></h:inputText>

					<rich:spacer width="100px;"></rich:spacer>
					<h:outputText value="Z inicio" styleClass="th50"></h:outputText>
					<h:inputText value="#{consultaHumedal.zinicio}" styleClass="td100"></h:inputText>
					<rich:spacer width="10px;"></rich:spacer>
					<h:outputText value="Z fin" styleClass="th50"></h:outputText>
					<h:inputText value="#{consultaHumedal.zfin}" styleClass="td100"></h:inputText>

			</h:panelGrid>

			<h:panelGrid columns="5">

				<h:outputLabel value="Provincia" styleClass="th100"></h:outputLabel>
								<h:selectOneMenu value="#{consultaHumedal.provincia}" styleClass="td100" >
									<s:selectItems var="tipo" value="#{dicSearch.provincias}"
												label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
									<s:convertEntity />
									<a4j:support event="onchange" reRender="municipio"  />

								</h:selectOneMenu>


							<rich:spacer width="150px"></rich:spacer>
							<h:outputLabel value="Municipio" styleClass="th120"></h:outputLabel>
							<h:selectOneMenu id="municipio" value="#{consultaHumedal.municipio}" styleClass="td200">
								<s:selectItems var="tipo" value="#{consultaHumedal.municipios}"
											label="#{tipo.nombre}" noSelectionLabel=""></s:selectItems>
								<s:convertEntity />
							</h:selectOneMenu>

			</h:panelGrid>
			<h:panelGrid columns="2" rendered="#{consultaHumedal.tipoBusqueda.equals('Muestras')}">
				<h:outputText value="Fecha: " styleClass="th100"></h:outputText>
				<rich:calendar id="fechaAlta" value="#{consultaHumedal.fecha}"
						styleClass="td80" datePattern="dd/MM/yyyy">
						<a4j:support event="onchanged" reRender="fechaAlta"></a4j:support>
						</rich:calendar>
			</h:panelGrid>
			<h:panelGrid columns="1" style="text-align:center"
							rendered="#{listaHumedales!=null}" id="tablaHumedal">
							<rich:dataTable id="pp" value="#{listaHumedales}" var="hum"
								onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
								onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
								rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
								rendered="#{listaHumedales!=null and listaHumedales.rowCount >0}"
								width="880px" rows="10">
								<f:facet name="header">
									<rich:columnGroup style="font-weight: bold;">
										<rich:column style="text-align:left;">
											<h:outputText value="Nombre" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Código" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Provincia" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Municipio" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="X" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Y" />
										</rich:column>
										<rich:column style="text-align:left;">
											<h:outputText value="Z" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;">
											<h:outputText value="Ver" />
										</rich:column>
										<rich:column style="text-align:left;width:30px;" rendered="#{consultaHumedal.tipoBusqueda.equals('Datos')}">
											<h:outputText value="Eliminar" />
										</rich:column>
									</rich:columnGroup>
								</f:facet>
								<rich:columnGroup style="font-weight: bold;">
									<rich:column style="text-align:left;">
										<h:outputText value="#{hum.nombre}" title="Nombre del humedal"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;width:">
										<h:outputText value="#{hum.codRef}" title="Código del humedal"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{hum.provincia.nombre}" title="Nombre de la provincia"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{hum.municipio.nombre}" title="Nombre del municipio"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{hum.x}" title="Coordenada x"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{hum.y}" title="Coordenada y"></h:outputText>
									</rich:column>
									<rich:column style="text-align:left;">
										<h:outputText value="#{hum.z}" title="Coordenada z"></h:outputText>
									</rich:column>
									<rich:column style="text-align:center;width:30px;">
										<s:button value="" action="#{consultaHumedal.select}" styleClass="boton editar" style="width:30px;" propagation="nest"/>
									</rich:column>
									<rich:column style="text-align:center;width:30px;" rendered="#{consultaHumedal.tipoBusqueda.equals('Datos')}">
										<a4j:commandButton value="" action="#{consultaHumedal.eliminaHumedal}" styleClass="boton eliminar" style="width:30px;" reRender="mensaje,mensajes,tablaHumedal" />
									</rich:column>
								</rich:columnGroup>
							</rich:dataTable>
							<rich:datascroller align="center" for="pp" maxPages="20"
					            id="sc3" renderIfSinglePage="false" />
		</h:panelGrid>
		</rich:panel>
	</ui:define>

	<ui:define name="botonera">

		<h:panelGrid columns="2" styleClass="botones">
			<h:commandButton  value="" title="Buscar" action="#{consultaHumedal.buscar}" styleClass="boton buscar"/>
			<rich:spacer width="100%;" rendered="#{!consultaHumedal.tipoBusqueda.equals('Datos')}"></rich:spacer>
			<s:button  value="" styleClass="boton nuevo" title="Nuevo" action="#{humedalEdit.nuevo}" propagation="nest" rendered="#{consultaHumedal.tipoBusqueda.equals('Datos')}"/>
			<h:outputText value="Buscar"  styleClass="boton_texto"></h:outputText>
			<h:outputText value="Nuevo" styleClass="boton_texto" rendered="#{consultaHumedal.tipoBusqueda.equals('Datos')}"></h:outputText>
		</h:panelGrid>
	</ui:define>

</ui:composition>